<template>
  <span class="box">
    <label v-if="title">{{title}}: </label>
    <span class="checkbox-wrap"
          :key="index"
          v-for="(tag, index) in tags">
      <span class="c-primary">
        <i class="el-icon-success"></i>
        <span> {{ tag.label }} </span>
      </span>
    </span>
  </span>
</template>

<script>
export default {
  name: "TransportTags",
  props: {
    value: [],
    title: {
      type: String,
      default () {
        return "运输要求"
      }
    }
  },
  computed: {
    tags () {
      return this.value || [];
    }
  }
};
</script>

<style scoped>
.box {
  font-size: 16px;
  padding-top: 5px;
  display: inline-block;
}
</style>
